.container1{
    display:grid;
    grid-template-columns: 1fr 1fr;
    width: 300px;
    border: 1px solid;
}


.item{
    border: 1px solid red;
}

.container2{
    display:grid;
    grid-template-columns: 1fr 2fr;
    width: 300px;
    border: 1px solid;
}

.container3{
    display:grid;
    grid-template-columns: 100px 1fr 2fr;
    width: 300px;
    border: 1px solid;
}

.container4{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    width: 300px;
    border: 1px solid;
}